<template>
    <div class="new-list">

        <ul>
            <li>编号：{{ query.id }}</li>
            <li>标题：{{ query.title }}</li>
            <li>内容：{{ query.content }}</li>
        </ul>
    </div>
</template>

<script lang="ts" setup>
import { toRef,toRefs } from "vue";
import { useRoute } from "vue-router";
let route = useRoute()
console.log('@',route);

let query = toRef(route,'query')
// let {query} = toRefs(route)


</script>

<style lang="scss" scoped>
.new-list {
    list-style: none;
    padding-left: 20px;
}

.new-list>li {
    line-height: 30px;
}
</style>
